<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title><include file="./Application/Home/View/Common/title_prefix_text.html"/>文章</title>
    <include file="./Application/Home/View/Common/head_meta.html"/>
    <link rel="stylesheet" href="__FORJS__/css/common/bootstrap.min.css"/>
    <link rel="stylesheet" href="__FORJS__/css/common/icon.ali.css"/>
    <link rel="stylesheet" href="__FORJS__/css/common/layout.css"/>
    <link rel="stylesheet" href="__FORJS__/css/common/modular.css"/>
    <link rel="stylesheet" href="__FORJS__/css/individual/article.css"/>

    <script src="__FORJS__/js/common/jquery-1.9.1.min.js"></script>
    <script src="__FORJS__/js/common/bootstrap.min.js"></script>
    <script src="__FORJS__/js/common/bigwe_function.js?v=1"></script>
    <script src="__FORJS__/js/common/modular.js"></script>
    <script src="__FORJS__/js/jquery.pagination.js"></script>

</head>
<body>
	<div class="wrap">
        <!-- Logo and user -->
        <include file="./Application/Home/View/Common/header.html"/>
        <script src="__FORJS__/js/individual/article.js?v=1"></script>
        <!-- main 内容 -->
        <div class="main">
            <include file="./Application/Home/View/Common/nav.html"/>
            <div class="main_left">
                <!-- <ul class="nav_box">
                    <li>文章</li>
                    <li>账号</li>
                </ul> -->
                <div class="headline">文章</div>
                <div class="search pull-right">
				    <input id="search_text" class="search_input" type="text" placeholder="标题/摘要" onfocus="if (placeholder =='标题/摘要'){placeholder =''}" onblur="if (placeholder ==''){placeholder='标题/摘要'}"/>
				    <span class="glyphicon glyphicon-search search_btn"></span>
				</div>
				<div class="article">
                    <div class="article_left pull-left">
                        <div class="article_tag">
                            <input id="cat_cds" type="hidden" value="{$userTag}"/>
                            <span class="green" hot>全网</span>
                        <a class="ext_classify" href="javascript:;">更多</a>
                        </div>
                        <div class="filter">
                            <div class="filter-btn"><span class="glyphicon glyphicon-filter"></span>&nbsp;<span>展开筛选</span></div>
                            <div class="filter-select">
                                <select class="selectpicker" data-width="73px">
                                    <option value="" style="display: none">来源</option>
                                    <option value="">全部</option>
                                    <option value="bigwe.com">微知</option>
                                    <option value="mp.weixin.qq.com">微信</option>
                                    <option value="toutiao.com">头条</option>
                                    <!-- <option value="news.163.com">网易</option> -->
                                    <option value="ifeng.com">凤凰网</option>
                                </select>
                                <select class="selectpicker" data-width="86px">
                                    <option value="" style="display: none">是否原创</option>
                                    <option value="">全部</option>
                                    <option value="1">原创</option>
                                    <option value="0">非原创</option>
                                    <!-- <option value="3">收藏</option> -->
                                </select>
                            </div>
                            <div>共有<span class="green total_number">0</span>篇文章</div>
                        </div>
                        <div class="article_list"></div>
                    </div>
                    <div class="article_right pull-right">
                        <div class="pull-left list_btn green">
                            <span class="iconfont icon-yuedu golden"></span>
                            周阅读榜
                        </div>
                        <div class="pull-left list_btn">
                            <span class="iconfont icon-dianzan golden"></span>
                            周点赞榜
                        </div>
                        <div class="list_show pull-left"></div>
                    </div>
                    <div class="paging" id="article_paging"></div>            
                </div>
                <div class="account_number">
                    <div class="accont_hd">
                        <div class="article_tag">
                            <span class="green" hot>全网</span>
                        </div>
                       <!--  <select class="selectpicker pull-right slt_zdy" data-width="110px">
                            <option value="">全部</option>
                            <option value="">微知</option>
                            <option value="">微信公众号</option>
                            <option value="">头条号</option>
                        </select> -->
                    </div>
                    <p class="cue">TOP&nbsp;10</p>

                    <div class="acut_lst">
                        <!-- <div class="acut_sol">
                            <div class="profile"><img src="__FORJS__/images/home/img/10.jpg" alt=""></div>
                            <div class="public_info">
                                <p class="public_mz"><span class="public_blu">公众号</span>一条</p>
                                <p class="public_zh">微信号&nbsp;:&nbsp;yijksdb</p>
                                <p class="public_gn">功能介绍&nbsp;:&nbsp;我们淹没在大量的数据中却找不到有用的信息。</p>
                            </div>
                            <button type="button" class="btn btn-default subscribe pull-right">订阅</button>
                        </div>
                        <div class="acut_sol">
                            <div class="profile"><img src="__FORJS__/images/home/img/10.jpg" alt=""></div>
                            <div class="public_info">
                                <p class="public_mz"><span class="public_red">公众号</span>一条</p>
                                <p class="public_zh">微信号&nbsp;:&nbsp;yijksdb</p>
                                <p class="public_gn">功能介绍&nbsp;:&nbsp;我们淹没在大量的数据中却找不到有用的信息。</p>
                            </div>
                            <button type="button" class="btn btn-default subscribe pull-right">订阅</button>
                        </div>
                        <div class="acut_sol">
                            <div class="profile"><img src="__FORJS__/images/home/img/10.jpg" alt=""></div>
                            <div class="public_info">
                                <p class="public_mz"><span class="public_green">公众号</span>一条</p>
                                <p class="public_zh">微信号&nbsp;:&nbsp;yijksdb</p>
                                <p class="public_gn">功能介绍&nbsp;:&nbsp;我们淹没在大量的数据中却找不到有用的信息。</p>
                            </div>
                            <button type="button" class="btn btn-default subscribe pull-right">订阅</button>
                        </div> -->
                    </div>
                </div>
            </div>
       	</div>
       	<!-- 选择行业弹窗 -->
        <input id="ext_category" type="hidden" value="{$ext_category_info}"/>
        <div class="modal fade" data-backdrop="static" id="article_classify" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h2 class="modal-title">添加分类</h2>
                    </div>
                    <div class="modal-body">
                        <div class="insustry_btm">
                            <h3>系统基于您所选的行业精心筛选了适合的文章分类，现在额外福利来了：再送您另外<span class="num"></span>个文章分类，擦亮眼睛选哟！</h3>
                            <div class="extra_classify">
                                <select class="extra_select">
                                    <option value="">请选择</option>
                                </select>
                                <select class="extra_select">
                                    <option value="">请选择</option>
                                </select>
                            </div>
                        </div>
                        <div class="insustry_mde">
                            <h3>已获得权限的文章分类：</h3>
                            <div class="insustry_classify clearfix">
                                <span>热点要闻</span>
                                <span>科技数码</span>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-success" data-dismiss="modal" aria-label="Close">确定</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal" aria-label="Close">稍后再说</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- footer 结尾 -->
        <include file="./Application/Home/View/Common/footer.html"/>
        <!--和合并器-->
        <include file="./Application/Home/View/Common/sidebar.html"/>
        <!-- 文章引导 -->
        <div class="guide_dwrap">
            <div class="article_faxian">
                <div class="left"></div>
                <div class="right clearfix">
                    <div class="zuob fl">
                        <div class="wenz">轻轻松松发现您心仪<br>的素材。</div>
                        <div class="caoz">
                            <a href="javascript:;">下一步</a>
                            <a href="javascript:;">我要自己逛</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article_hecheng">
                <div class="left"></div>
                <div class="right clearfix">
                    <div class="zuob fl">
                        <div class="wenz">一系列的好内容，<br>打包也能如此省心。</div>
                        <div class="caoz">
                            <a href="javascript:;">下一步</a>
                            <a href="javascript:;">我要自己逛</a>
                        </div>
                    </div>

                </div>
            </div>
            <div class="article_hechengqi">
                <div class="left"></div>
                <div class="right clearfix">
                    <div class="zuob fl">
                        <div class="wenz">轻松一点，整装待发！</div>
                        <div class="caoz">
                            <a href="javascript:;">知道了</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>